<template>
<!-- 渲染组件html，必须有一个div -->
<!-- 数据变量使用插值表达式 -->
  <div>
    <div class="fa">
      <span>我的名字是{{uname}}</span>
        <div class="so">
        今年{{age/2}}岁
        </div>
    </div>
  </div>
</template>

<script>
// 写JS的地方
const a = 1
console.log(a);

export default {
  // 给vue核心组件传data的地方
  data(){
    return {
      uname:'ikun',
      age:36,
    }
  }

}
</script>

<style lang="less">
  // 写less的css样式
  .fa {
    width: 400px;
    height: 200px;
    color: red;
    .so {
      width: 200px;
      height: 100px;
      color:lawngreen;
    }
  }
</style>